@charset "utf-8"; //pc端
@media only screen and (min-width:768px) {
    .navbar {
        padding: 0;
    }
    .allWidth {
        max-Width: 1000px;
    }
}
//导航
.navbar {
    .allWidth {
        //      logo
        padding: 0; //      菜单
        .navbar-collapse {
            .nav-item {
                a {
                    font-size: 14px;
                    white-space: nowrap;
                    padding: 18px 15px;
                }
            }
            //菜单选中状态
            .active {
                background: #080808;
            }
        }
        //选择语言
        .dropdown {
            .btnLanguage {
                color:#9d9d9d;
                text-decoration: none;
            }
        }
    }
}
//底部
footer {
    background: #3b3b3b;
    height: 114px;
    .foot {
        ul {
            overflow: hidden;
            padding-left: 0;
            li {
                margin-right: 14px;
                float: left;
                list-style: none;
                a {
                    font-size: 14px;
                    color: #87898f;
                }
            }
        }
        p {
            width: 500px;
            color: #87898f;
            font-size: 12px;
            margin-bottom: 0;
        }
        >div {
            margin-top: 35px;
        }
        .share {
            >div {
                float: left;
                position:relative;
                img:nth-child(1) {
                    margin-right: 17px;
                }
                img:nth-child(2){
                    display:none;
                    position:absolute;
                    bottom:40px;
                    left:40%;
                    transform: translateX(-50%);
                }
                img:nth-child(1):hover{
                    display:block;
                }
            }
            >div:hover img:nth-child(2){
                display:block;
            }
        }
    }
}
@media only screen and (max-width:768px) {
    footer {
        .foot {
            .share {
                display: none;
            }
        }
    }
}
@media only screen and (max-width:576px) {
    footer {
        .foot {
            ul {
                li {
                    a {
                        font-size: 12px;
                    }
                }
            }
            p {
                width: 200px;
                font-size: 12px;
            }
        }
    }
}